<template>
	<view>
		 <!-- 修改为 false，使键盘弹起页面不上移
		 // 添加获取焦点键盘弹起事件
		 // 添加失去焦点键盘隐藏事件
		  -->
		<input class="TUI-message-input-area" :adjust-position="false" cursor-spacing="20"
			v-model="inputText" @input="onInputValueChange" maxlength="140" type="text"
			placeholder-class="input-placeholder" placeholder="请输入描述" @focus="inputBindFocus" 
			@blur="inputBindBlur">

	</view>
</template>

<script>
	export default {
		name: "InputField",
		data() {
			return {

			};
		},
		methods: {
			inputBindFocus(e) {
				// 获取手机键盘的高度，赋值给input 所在盒子的 bottom 值
				// 注意!!! 这里的 px 至关重要!!! 我搜到的很多解决方案都没有说这里要添加 px
				this.$emit('changeBottomVal', e.detail.height + 'px')
			},
			inputBindBlur() {
				// input 失去焦点，键盘隐藏，设置 input 所在盒子的 bottom 值为0
				this.$emit('changeBottomVal', 0)
			},

		}
	}
</script>

<style>

</style>